
<html>
    <%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
    <%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
    <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    <%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
    <head>
        <title>Red Social</title>
        <link href="./css/estilos.css" rel="stylesheet" type="text/css"/>
        <script type="text/javascript" src="js/jquery-1.5.js"></script>
        <link rel="stylesheet" type="text/css" href="css/jquery-ui-1.7.2.custom.css" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/modificar.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function(){
                jQuery(".datepicker").datepicker({dateFormat: 'dd/mm/yy',showOn: 'button', buttonImageOnly: true, buttonImage: 'images/img.gif' });
            });
        </script>


    </head>
    <body>
        <f:view>
            
            <div id="contenido">
                <jsp:include page="cabecera.jsp"/>
                <jsp:include page="izquierda.jsp"/>
                <div id="columnaCentral">
                    <div id="centro">
                        <div>
                            <div id="personalesCabecera" class="modificarCabecera" onclick="desplegable('personalesCuerpo')"  >
                                <fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.perfil"/></fmt:bundle>
                            </div>
                            <div id="personalesCuerpo" class="modificarCuerpo">

                                <h:form prependId="false" >
                                    <table>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.nombre"/></fmt:bundle> </td><td><h:inputText id="nombre" value="#{modificarBean.perfil.nombre}"/></td></tr>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.apellidos"/></fmt:bundle> </td><td><h:inputText id="apellidos" value="#{modificarBean.perfil.apellidos}"/></td></tr>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.fecha"/></fmt:bundle></td><td>
                                                <h:inputHidden id="fechaOculta" value="#{modificarBean.fecha}">
                                                    <f:convertDateTime pattern="dd/MM/yyyy"  />
                                                </h:inputHidden>
                                                <input class="datepicker" type="text" id="datepicker" name="datepicker" readonly="readonly" />
                                                <script type="text/javascript">document.getElementById("datepicker").value=document.getElementById("fechaOculta").value;</script>
                                            </td></tr>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.ciudad"/></fmt:bundle> </td><td><h:inputText id="ciudadNatal" value="#{modificarBean.perfil.ciudadNatal}"/></td></tr>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.pais"/></fmt:bundle></td><td><h:inputText id="paisNatal"value="#{modificarBean.perfil.paisOrigen}"/></td></tr>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.actual"/></fmt:bundle> </td><td><h:inputText id="ciudadActual" value="#{modificarBean.perfil.ciudadActual}"/></td></tr>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.estado"/></fmt:bundle></td><td>
                                                <h:selectOneMenu value="#{modificarBean.perfil.estadoCivil}">
                                                    <f:selectItems value="#{modificarBean.estadoCivilLista}" />
                                                </h:selectOneMenu>
                                            </td></tr>
                                        <tr><td><fmt:bundle  basename="redinftel/properties/mensaje" ><fmt:message key="modificar.sexo"/></fmt:bundle></td><td>
                                                <h:selectOneMenu value="#{modificarBean.perfil.sexo}">
                                                    <f:selectItems value="#{modificarBean.sexoLista}" />
                                                </h:selectOneMenu>
                                            </td></tr>
                                    </table>
                                        <h:commandButton styleClass="botonActualizar" action="#{modificarBean.doModificarPersonales}" />


                                </h:form>
                            </div>

                        </div>

                        <div><jsp:include page="modificarAcademicos.jsp"/></div>
                        <div><jsp:include page="modificarLaborales.jsp"/></div>
                        <div><jsp:include page="modificarIdiomas.jsp"/></div>
                        <div><jsp:include page="modificarIntereses.jsp"/></div>
                    </div>
                </div>
            <jsp:include page="derecha.jsp"/>
            </div>
            <jsp:include page="pie.jsp"/>
        </f:view>
    <body>
</html>

